@charset "utf-8";
/* CSS Document */
.gc{ background:url(../images/jz_bj.jpg)/*tpa=http://www.apsanan.com/twcms/view/default/images/jz_bj.jpg*/ no-repeat center top; height:148px; overflow:hidden;}
.gca{ position:relative; overflow:hidden; background:url("jz_line.jpg")/*tpa=http://www.apsanan.com/twcms/view/default/imgges/jz_line.jpg*/ repeat-x left 377px;}
.gca h2{ margin-top:41px; margin-bottom:28px; font:bold 24px/52px "Microsoft YaHei",微软雅黑,arial,宋体; text-align:center;}
.gca h2 a{ color:#ffa200;}
.gca h2 a i{ display:inline-block; color:#666666;}
.gca h2 span{ display:block; background:url(../images/jz_tbtn.jpg) no-repeat center top; width:113px; height:28px; overflow:hidden; font:12px/28px "Microsoft YaHei",微软雅黑,arial,宋体; margin:0 auto;}
.gca h2 span a{ color:#666666;}

.row-content{ width:1150px; margin:0 auto; text-align:left; clear:both}
.showcase.cloud{ position:relative; height:427px}
.showcase.cloud .container{height:427px; overflow:hidden; position:relative}
.showcase.cloud.container.h2{}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:1150px; height:427px}
.showcase.cloud .slide .content-main-visual{height:427px; overflow:hidden; position:relative}
.showcase.cloud .slide .content-main-visual a{ display:none;height:427px; overflow:hidden; position:absolute; z-index:0; top:0; left:0}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a.tablet{ display:none}
.showcase.cloud .slide .content-main-visual a.smartphone{ display:none}
.showcase.cloud .slide .content-main-visual a img{ width:892px; height:427px}

.showcase.cloud .slide .content-main-feature{ height:427px;position:absolute; top:0;  right: 0px;}
.showcase.cloud .slide .content-main-feature .feature{height:107px; text-align:center; position:relative; overflow:hidden}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:258px; height:107px; position:relative; background-image:none; opacity:0.4; filter:alpha(opacity=40); color:#000}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a.current{ background:none}
.showcase.cloud .slide .content-main-feature .feature a img{ position:absolute; top:11px; left:12px; width:108px; height:84px; margin:0 auto}
.showcase.cloud .slide .content-main-feature .feature a img.tablet{ display:none}
.showcase.cloud .slide .content-main-feature .feature a img.mobile{ display:none}
.showcase.cloud .slide .content-main-feature .feature a span{ position:absolute; top:43px; left:129px; display:block; width:100px; height:auto; text-align:left; padding:0; color:#fff; font-size:15px}

.showcase.cloud .slide .content-main-feature .azure{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .brick{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .gray{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .green { background-color:transparent}
.showcase.cloud .slide .content-main-feature .dark-azure{ background-color:#0088C4}
.showcase.cloud .slide .content-main-feature .dark-brick{ background-color:#6F0B01}
.showcase.cloud .slide .content-main-feature .dark-gray{ background-color:#272727}
.showcase.cloud .slide .content-main-feature .dark-green{ background-color:#308900}

.showcase.cloud .slide .content-main-feature .azure a{ background-color:#49b8da}
.showcase.cloud .slide .content-main-feature .brick a{ background-color:#A83513}
.showcase.cloud .slide .content-main-feature .gray a{ background-color:#646464}
.showcase.cloud .slide .content-main-feature .green a{ background-color:#85bb23}

.showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .azure a:hover span, .showcase.cloud .slide .content-main-feature .azure a.current span{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover span, .showcase.cloud .slide .content-main-feature .brick a.current span{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover span, .showcase.cloud .slide .content-main-feature .gray a.current span{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current{ background-color:#6FBB00; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover span, .showcase.cloud .slide .content-main-feature .green a.current span{ background-color:#6FBB00; color:#fff}

.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a .timerLine{ display:none; position:absolute; left:0; bottom:0; width:122px; height:7px}
.showcase.cloud .slide .content-main-feature .feature a.current .timerLine{ display:block}








/*在线客服*/
#box {width:160px; height:465px; background:#fff; position:fixed; top:100px; right:-160px; border-radius:5px 0 0 5px; -webkit-box-shadow:2px 0 5px #333; -moz-box-shadow:2px 0 5px #333; box-shadow:2px 0 5px #333; z-index:999999999999;}

.title{width:25px;height:100px;position: absolute;left:-25px;background:#01327F;top:150px;color:white;line-height:25px;text-align: center;vertical-align: middle;border-radius:5px 0 0 5px;cursor: pointer; font-size:16px}
.info{color:#000;display:block;margin:10px;font-size:16px;border-bottom:1px dashed #333;}
.qq{margin:10px;list-style:none; }
.qq li{ float:left; margin-bottom:10px;}
.qq strong{ text-align:center; display:block; }

.txt{width:auto;height:25px;display: block;font-size: 10px;float:left;line-height:25px;-webkit-text-shadow:0 0 5px #ccc;-moz-text-shadow:0 0 5px #ccc;text-shadow: 0 0 5px #ccc;}